<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<style>
img {
	width:100%;
	height: 60px;
}
.align_top {
	vertical-align: top;
}

.letra {
	font: italic;
	/* font-size: xx-large; */
}
.ui-selectonemenu{
     width: 100% !important;
}
.ui-selectonemenu-label{
     width: 100% !important;
}
.letra {
	font: italic;
	font-size: xx-large;
}

.treinta-percent {
	width: 20%;
}

.setenta-percent {
	width: 80%;
}

.top-alignment {
	vertical-align: top;
}
</style>
</h:head>
<body>

	<h:form id="form" enctype="multipart/form-data">
		<p:layout fullPage="true">
			<p:layoutUnit position="north" resizable="true">
				<img src="../../resources/imagenes/logo2.jpg"
					 />
		 
			</p:layoutUnit>
			<p:layoutUnit position="west" size="245" resizable="true">
			
			  <p:commandLink id="logout" actionListener="#{usuarioBean.logout}"
			      style="margin-right:20px;" oncomplete="logout(xhr, status, args)">
			      <h:outputText value="Cerrar Sessión" />
			  </p:commandLink>
			  
            <p:growl id="messages_menu" showDetail="false"/>
		    <p:menu toggleable="true">

		        <p:submenu label="Salon" >
		            <p:menuitem value="Mis Salones" url="ConsultarSalon.xhtml" update="messages_menu" rendered="#{usuarioBean.propietario}"/>
		            <p:menuitem value="Agregar Salon" url="Salon.xhtml" update="messages_menu" rendered="#{usuarioBean.propietario}"/>
		        </p:submenu>
		        <p:submenu label="Presupuestos" >
		            <p:menuitem value="Mis citas" url="Cita.xhtml" update="messages_menu" rendered="#{usuarioBean.propietario}"/>
		            <p:menuitem value="Mis presupuestos" url="ListaPresupuestos.xhtml" update="messages_menu" rendered="#{usuarioBean.propietario}"/>
		            <p:menuitem value="Generar presupuestos" url="SalonPresupuesto.xhtml" update="messages_menu" rendered="#{usuarioBean.propietario}"/>
 		        </p:submenu>		        
		        <p:submenu label="Administracion" >
		            <p:menuitem value="Activar Popietario" url="ActivarPropietario.xhtml" update="messages_menu" rendered="#{usuarioBean.admin}" />
		            <p:menuitem value="Cambiar Contraseña" />		            
		        </p:submenu>		        

		    </p:menu>

			</p:layoutUnit>

			<p:layoutUnit position="center">
				<ui:insert name="content"></ui:insert>
			</p:layoutUnit>

		</p:layout>

	</h:form>


</body>
<script type="text/javascript">
  //<![CDATA[
  function logout(xhr, status, args) {
    setTimeout(function() {
      window.location = '/EventosCompartidos/template/modelo/login.xhtml';
    }, 500);
  }
//]]>
</script>
</html>
